<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚美优品--快来登录我啦~</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../scss/login.css">
    <link rel="icon" href="../img/mei.png" />
</head>
<body>
    <!-- 头部区域 -->
    <div id="header">
        <div class="header-con">
            <a href="./home.html"><h1>聚美优品登录界面~</h1></a>
            <a href="./home.html"></a>
            <a href="./home.html"></a>
            <a href="./home.html" ></a>
        </div>
    </div>
    <!--  中间区域  -->
    <div id="main">
        <div class="main-con">
            <a href="./home.html" id="car" target="_blank" ></a>
            <div class="login">
                <div class="login1">
                    还没有聚美账号？&nbsp;<a href="../pages/register.html" id="a">30秒注册</a>
                </div>
                <h2>登录聚美</h2>
               <form id="phone">
                   <div class="line">
                       <div class="line1">
                           <input type="text" id="un" placeholder="已注册过的用户名">
                       </div>
                       <div class="line1">
                           <input type="password" id="pwd" placeholder="请输入密码"><input type="submit" class="mobileBtn">
                       </div>
                    <div class="option">
                        <input type="radio"></input><span>自动登录</span>
                        <span class="forget">忘记密码?</span>
                    </div>
                    <div class="yes">
                        <p>
                            <input type="submit" id="submitBtn" value="登陆">
                        </p>
                    </div>
                    <span class="canB">你也可以使用以下方法登录</span>
                    <div class="app_">
                        <i>&nbsp;</i>
                        <i>&nbsp;</i>
                        <i>&nbsp;</i>
                        <i>&nbsp;</i>
                        <i>&nbsp;</i>
                        <span class="more-text">更多</span>
                    <img src="../img/more.jpg" class="more">
                    </div>
                   </form>
                </div>
            </div>
                   </div>
<!-- 同意协议并注册 -->
               
        
    </div>
    <!-- 底部区域 -->
    <div id="footer">
        <div class="footer-con">
            <p class="copyF">
                Copyright © 2010-2015 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-011-0888 
            </p>
            <span id="text4">京公网安备 11010102001226 号 |</span>
            <a href="http://www.miibeian.gov.cn/" id="end1">
            <span  id="text5">京ICP证111033号/a>
            | 食品流通许可证 SP1101051110165515（1-1）
            | </span>
            <a href="http://mp5.jmstatic.com/mobile/pc/chuangrui.jpg" id="end1">营业执照</a>
            <a href="http://f1.jmstatic.com/static_account/dist/v1.0.85067/images/other/zhidu.pdf" id="end1">公示制度</a>
            <div class="Imgi">
                  <i></i>
                  <i></i>
                  <i></i>
                  <i></i>
                  <i></i>
                </div>
        </div>
    </div>
</body>
</html>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/login.js"></script>
